<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>Calendar I18N Test</title>

		<!-- required: a default dijit theme: -->
		<link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/>

		<!-- required: dojo.js.
			Explicitly include extra locales because this example has multiple locales
			on the page besides the browser's default.  -->
		<script type="text/javascript" src="../../../dojo/dojo.js"
			data-dojo-config="parseOnLoad: true, isDebug: true, extraLocale: ['en-us', 'ar-sy', 'es-es', 'zh-cn']"></script>

		<!-- not needed, for testing alternate themes -->
		<script type="text/javascript" src="../_testCommon.js"></script>

		<script type="text/javascript">
			dojo.require("dijit.dijit"); // optimize: load dijit layer
			dojo.require("dijit.Calendar");
			dojo.require("dojo.date.locale");
			dojo.require("dojo.parser"); // scan page for widgets

			function myHandler(id,newValue){
				console.debug("onChange for id = " + id + ", value: " + newValue);
			}
		</script>
	</head>
	<body class="claro">

		<h1 class="testTitle">Dijit Calendar I18N Test</h1>

		before

		<input id="calendar1" data-dojo-type="dijit/Calendar" data-dojo-props='onChange:function(val){ myHandler(this.id, val); }, lang:"en-us"'/>
		<input id="calendar2" data-dojo-type="dijit/Calendar" data-dojo-props='onChange:function(val){ myHandler(this.id, val); }, lang:"es-es"'/>
		<input id="calendar3" data-dojo-type="dijit/Calendar" data-dojo-props='onChange:function(val){ myHandler(this.id, val); }, lang:"zh-cn"'/>
		<input id="calendar4" data-dojo-type="dijit/Calendar" data-dojo-props='onChange:function(val){ myHandler(this.id, val); }, lang:"ar-sy"'/>

		after

	</body>
</html>
